@font-face {
        font-family: "MuseoSlab-500";
        src: url('../font/292419434-2B2BE2_0_0.eot');
        src: url('../font/292419434-2B2BE2_0_0.eot?#iefix') format('embedded-opentype'),
        url('../font/292419434-2B2BE2_0_0.svg#') format('svg'),
        url('../font/292419434-2B2BE2_0_0.woff') format('woff'),
        url('../font/292419434-2B2BE2_0_0.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }


@font-face
{
font-family: MyriadPro_Light;
src: url('../font/MyriadPro_Light.otf');
}
@font-face
{
font-family: MyriadPro_Regular;
src: url('../font/MyriadPro_Regular.otf');
}

body{
  margin: 0 auto;
    max-width: 1600px;
}
.container{
  max-width:1000px;
}
.social li {
  float: left;
  height: 35px;
  list-style: none outside none;
  overflow: hidden;
  width: 35px;
}
.social li img{
  padding-top:10px;
}
.soc-active{
   
}
.social > ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
.social, .social-top.col-md-12 {
  padding: 0;
}
.row.bg-top {
  background-color: #171717;
}
.social-btn {
  text-align: right;
}
.social-btn button:hover{
  background-color: #da3e2b !important;
}
.social li:hover{
  background-color: #da3e2b !important;
}
.login {
  background-color:  #373737;
  border: medium none;
  color: #FFFFFF;
  font-size: 15px;
  height: 35px;
  width: 91px;
  font-family: MuseoSlab-500;
}
.sign-up{
  background-color: #373737;
  border: medium none;
  color: #FFFFFF;
  font-size: 15px;
  height: 35px;
  width: 91px;
  font-family: MuseoSlab-500;
}
.default-font-museo, .logo h1{
  font-family: MuseoSlab-500;
  color: #fff;
}
.logo h1{
  font-size:25px;
  padding-top: 5px;
}
.navbar-default {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  border: medium none !important;
}
.nav.navbar-nav {
  float: right;
}

.collapse.navbar-collapse{
   padding:0;
   padding-bottom: 15px;
  padding-top: 15px; 
}
.row.header {
  background-color: #000000;
}
.col-md-3.col-sm-12.wrap-logo {
  padding: 0;
}
.navbar-default {
  margin-bottom: 0;
}
.navbar-nav li a {
  color: #FFFFFF !important;
  font-family: MyriadPro_Light;
  font-size: 16px;
  outline: none;
}

.navbar-nav a:hover {
  color: #da3e2b !important;
}
.nav.navbar-nav > li:last-child a {
  padding-right: 0;
}
.banner {
  background-image: url("../img/images/banner.png");
  background-position: top center;
  background-repeat: repeat;
}
.banner-tour{
  background-image: url("../img/images/banner-tour.png");
  background-position: top center;
  background-repeat: repeat;
  height:446px;
}
.banner-about{
  background-image: url("../img/images/banner-about.png");
  background-position: top center;
  background-repeat: repeat;
}
.banner-gallery{
  background-image: url("../img/images/banner-gallery.png");
  background-position: top center;
  background-repeat: repeat;
}
.centered {
  display: table-cell;
    vertical-align: middle;
}
.text-banner > h1, .container.content-work > h1, .what-we-text h1, .folio-text h1, .infographics h1, .client h1, .touch h1, .about-title > h1 {
  color: #FFFFFF;
  font-size: 35px;
  font-family: MuseoSlab-500;
  text-shadow: 1px 1px 3px #311520;
}
.text-banner > p {
  font-size: 18px;
  font-family: MyriadPro_Light;
  color: #fff;
  margin:0;
}
.text-banner {
  text-align: center;
}
.btn-view-gallery > p, .btn-view-gallery3 > p{
  background-color: #FFFFFF;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  width: 220px;
  color: #F75C60;
  font-family: MuseoSlab-500;
  font-size:15px;
  
}
.btn-view-gallery1.tour-btn > p {
  margin: 0;
}
.btn-view-gallery1 > p, .btn-view-gallery2 > p, .btn-view-gallery4 > p {
  background-color: #da3e2b;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  width: 220px;
  color: #fff !important;
  font-family: MuseoSlab-500 !important;
  font-size:15px !important;
  
}
.canvas-container{
  max-width: 900px !important;
  overflow: auto;
}
.btn-view-gallery img, .btn-view-gallery1 img, .btn-view-gallery2 img, .btn-view-gallery3 img, .btn-view-gallery4 img {
  margin-right: 15px;
}
.btn-view-gallery {
  margin-bottom: 30px;
  margin-top: 30px;
  text-align: center;
}
.btn-view-gallery1 {
  margin-bottom: 70px;
  margin-top: 30px;
  text-align: center;
}
.btn-view-gallery2 {
  padding-bottom: 50px;
  margin-top: 50px;
  text-align: center;
}


.work{
  background-image: url("../img/images/bg-work.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-color: #171717;
}
.work-item{
  text-align:center;
}
.container.content-work {
  text-align: center;
}
.container.content-work > p {
  font-size: 18px;
  color: #fff;
  font-family: MyriadPro_Light;
  margin-bottom: 55px;
}
.container.content-work > h1 {
  margin-bottom: 0;
  margin-top: 70px;
}
.work-item h4 {
  color: #FFFFFF;
  font-size: 18px;
  font-family: MuseoSlab-500;
}
.col-md-4.col-sm-12.work-item > p {
  color: #FFFFFF;
  font-size:16px;
  font-family: MyriadPro_Light;
}
.content-work .work-item:first-child img{
  margin-left:5px;
}
.container.content-work > h4 {
  color: #FFFFFF;
  display: inline-block;
  font-family: MuseoSlab-500;
  font-size: 25px;
  margin-bottom: 0;
  margin-top: 65px;
}
.what-we {
  background-color: #FFFFFF;
}
.what-we-text {
  text-align: center;
  margin-bottom: 70px;
}
.what-we-text h1 {
    background-color: #F1F1F1;
    display: inline-block;
    padding: 10px;
    width: 60%;
  margin-top:70px;
}
.what-we-text > p {
  color: #3C3C3C;
    font-family: MyriadPro_Light;
    font-size: 18px;
    line-height: 1.2;
    margin: 0 auto 20px;
    width: 50%;
}
.what-icon-text.col-md-10 > h4, .folio-icon-text.col-md-9 > h4 {
  color: #F61B00;
  font-size: 20px;
   font-family: MuseoSlab-500;
}
.what-icon-text.col-md-10 > p, .col-md-6.text-imac > p {
  color: #3C3C3C;
  font-size: 16px;
  line-height: 1.3;
  font-family: MyriadPro_Regular;
}
.what-icon.col-md-2 {
  margin-top: 15px;
}
.imac{
  margin-top:70px;
}
.img-imac img{
  width:100%;
}
.col-md-6.text-imac {
  margin-top: 50px;
  text-align: center;
}
.text-imac h2 {
  color: #F61B00;
  font-size: 30px;
   font-family: MuseoSlab-500;
}
.row.imac {
  margin-bottom: 70px;
}
.our-folio {
  background-color: #EAEAEA;
  text-align:center;
}
.folio-text > p {
  color: #3C3C3C;
  font-family: MyriadPro_Light;
  font-size: 18px;
  line-height: 1.2;
  margin: 0 auto 20px;
  width: 35%;
}
.folio-text h1 {
  display: inline-block;
  margin-top: 70px;
  padding: 10px;
  width: 60%;
}
.folio-text {
  margin-bottom: 70px;
  text-align: center;
}
.infographics{
  background-image: url("../img/images/bg-info.png");
  background-position: top center;
  background-repeat: repeat;  
   padding-bottom: 100px;
}
.infographics h1, .touch h1 {
  margin-bottom: 70px;
  margin-top: 70px;
  text-align: center;
   text-transform: uppercase;
}
.folio-icon-text.col-md-9 > p{
  font-size:16px;
  color:#fff;
  font-family: MyriadPro_Light;
}
.row.folio-row {
    margin-top: 85px;
}
.client {
  text-align: center;
  background-image: url("../img/images/bg-client.png");
  background-position: top center;
  background-repeat: no-repeat; 
  background-color: #d44230;
}
#slide-about .owl-pagination {
  text-align: center;
}

#slide-about .owl-page > span {
  border: 2px solid #d44230;
}

#slide-about .owl-page.active > span {
  background-color: #d44230;
}
.owl-theme .owl-controls .owl-page span {
  border: 2px solid #FFFFFF;
  border-radius: 20px;
  display: block;
  height: 12px;
  margin: 5px 7px;
  width: 12px;
  z-index: 2147483647;
}
.owl-page.active > span {
  background-color: #FFFFFF;
}
.owl-page {
  display: inline-block;
}
.owl-buttons{
  display: none;
}
.client h1{
  border-bottom: 1px solid #fff;
  display: inline-block;
  margin-top:70px;
}
.item > p {
  color: #FFFFFF;
  font-style: italic;
  margin: 0 auto;
  width: 60%;
  font-family: MyriadPro_Light;
  font-size: 18px;
   padding-top: 70px;
}
.author {
  color: #FFFFFF;
  font-family: MuseoSlab-500;
  font-size: 16px;
  font-style: normal;
  margin-bottom: 90px;
  margin-top: 15px;
}
.author > span{
  font-family: MyriadPro_Light !important;
}
.owl-controls.clickable {
  margin-bottom: 25px;
  margin-top: 25px;
}
.phay {
  position: relative;
  right: 5px;
  top: -20px;
}
.cleint-bottom {
  display: inline-block;
  margin: 0 auto;
   padding-bottom: 65px;
}
.client-wanna {
  float: left;
  margin-right: 15px;
  margin-top: 10px;
}
.btn-view-gallery3 {
  float: left;
}
.client-wanna > p {
  color: #FFFFFF;
  font-size: 14px;
  font-family: MyriadPro_Light;
}
.col-md-4.col-sm-12.work-item {
  margin-top: 15px;
}
.touch h6{
   color: #FFFFFF;
  font-family: MuseoSlab-500;
  font-size: 20px;
}
.contact-left p {
  color: #fff;
  font-size: 16px;
    font-family: MyriadPro_Light;
  margin-bottom:0;
}
.foot-tw > img {
  margin-right: 15px;
}
.contact-left a {
  color: #d44230;
  margin-bottom:10px; 
  display: block;
}
.contact-left ul {
  font-size: 16px;
  list-style: none outside none;
  padding-left: 0;
  font-family: MyriadPro_Light;
  color: #fff;
}
.row.left-contact-text img {
  margin-right: 20px;
}
.row.left-contact-text {
  margin-top: 35px;
}
.row.left-contact-text li {
  margin-bottom: 15px;
}
.contact-right input {
  color: #505050;
  font-size: 15px;
  height: 35px;
  line-height: 35px;
  margin-bottom: 10px;
  padding-left: 10px;
  width: 100%;
  font-family: MyriadPro_Regular;
}
.col-md-6.contact-right p {
  color: #fff;
  font-size: 16px;
   font-family: MyriadPro_Light;
}
.text-area {
  height: 120px !important;
  line-height: 0 !important;
}
.btn-view-gallery4 {
  float: right;
  margin-top: 15px;
  text-align: center;
}
.touch {
  background-color: #171717;
  padding-bottom: 60px;
}
footer p {
  color: #fff;
  font-family: MyriadPro_Light;
  font-size: 16px;
  margin-bottom: 0;
  margin-top: 7px;
}
footer{
  background-color: #000;
}
.col-xs-12.col-md-4.social > ul {
  float: right;
}
.text-banner.banner-text-tour {
  margin-top: 50px;
}
.tour-section1 h3 {
  background-color: #f1f1f1;
  color: #fff;
  display: inline-block;
  font-size: 24px;
  padding: 10px 10px 10px 20px;
    font-family: MuseoSlab-500;
    text-shadow: 1px 1px 3px #311520;
}
.tour-section1 p {
  color: #3c3c3c;
  font-size: 18px;
  font-family: MyriadPro_Regular;
}
.row.top-all-tour {
  margin-top: 50px;
}
.tour-section1 img {
  max-width: 100%;
}
.row.ctn-about-top {
  margin-bottom: 70px;
  margin-top: 70px;
}
.ctn-about-top h2 {
  color: #f38b7e;
  font-family: MyriadPro_Regular;
  font-size: 45px;
  font-weight: bold;
  margin: 0 0 40px;
}
.col-xs-12.col-md-6.ctn-about-top-left > p, .col-xs-12.col-md-6.ctn-about-top-right > p {
  color: #3c3c3c;
  font-size: 18px;
  font-family: MyriadPro_Regular;
}
.about-line {
  margin-bottom: 30px;
  text-align: center;
}
.about-title > h1 {
  background-color: #f1f1f1;
  display: inline-block;
  margin-top: 0;
  padding: 10px;
  width: 43%;
}
.about-title {
  margin-bottom: 30px;
  text-align: center;
}
.ctn-about-bottom-img {
  margin-bottom: 15px;
  text-align: center;
}

.ctn-about-bottom-text > p {
  color: #3c3c3c;
  font-size: 18px;
   font-family: MyriadPro_Regular;
}
.ctn-about-bottom-text {
  background-color: #f1f1f1;
  padding-bottom: 40px;
  padding-left: 10px;
  padding-right: 5px;
}
.about-line2 {
  max-width: 100%;
}
.name-about > span{
  font-family: MyriadPro_Light;
}
.name-about {
  color: #d44230;
  font-family: MuseoSlab-500;
  font-size: 18px;
  margin-bottom: 0;
}
.ctn-about-bottom-icon {
  margin-top: 25px;
  text-align: right;
}
.email {
  color: #3c3c3c;
  font-size: 18px;
   font-family: MyriadPro_Regular;
}
.ctn-about-bottom-icon > ul {
  float: right;
}
.ctn-about-bottom-icon li {
  float: left;
  list-style: none outside none;
  margin-left: 10px;
}
.content-about {
  padding-bottom: 40px;
}
.item {
  margin-right: 15px;
}
.content-gallery {
  padding-bottom: 70px;
  padding-top: 70px;
}
.gallery-img > img {
  max-width: 100%;
  padding: 10px;
}
.gallery-img {
  background-color: #e8e8e8;
}
.ctn-gallery h2 {
  color: #1e1e1e;
  font-family: MyriadPro_Regular;
  font-size: 18px;
  margin-bottom: 20px;
  margin-top: 20px;
  text-align: center;
}
.btn-star {
  background-color: #d44230;
  color: #fff;
  font-size: 18px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-family: MuseoSlab-500;
}
.row.ctn-gallery {
  margin-bottom: 60px;
}












@media (min-width: 1024px) and (max-width: 1200px) { 
.item > p{width:65%;} 
}
@media (min-width: 997px) and (max-width: 1023px) {
  .item > p{width:65%;}
}
@media (min-width: 980px) and (max-width: 995px) {
.col-md-9.col-sm-12 {float: left;width: 82%;}
.col-md-3.col-sm-12.wrap-logo {float: left;width: 18%;}
}
@media (min-width: 992px){
.col-xs-12.col-md-6.ctn-about-top-left {padding-left: 0;} 
.col-xs-12.col-md-6.ctn-about-top-right {padding-right: 0;}
}
@media (max-width: 991px){
.work{background-image:none;}
.what-we, .infographics{text-align:center;}
.item > p{width:80%;font-size:16px;}
.text-banner.banner-text-tour {margin-top: 0;}
.ctn-about-top h2{padding-left:15px;font-size:34px;}
.row.ctn-gallery .col-md-3 {margin-bottom: 30px;}
}
@media (min-width: 768px) and (max-width: 979px) {
.col-md-9.col-sm-12 {
  float: left;
  width: 82%;
}
.col-md-3.col-sm-12.wrap-logo {
  float: left;
  width: 18%;
}
.row.ctn-gallery .col-md-3{width:50%;}
.gallery-img > img {width: 100%;}
}
@media (max-width: 767px) {
.col-md-3.col-sm-12.wrap-logo {float: left;width: 45%;}
.navbar-toggle{margin-top:25px;margin-right:0;}
.navbar-collapse.collapse.in { overflow: visible;padding-left:15px;}
.what-we-text h1, .what-we-text > p, .folio-text h1, .folio-text > p {width:100%;}
.collapse.navbar-collapse {padding:0;}
.row.ctn-gallery .col-md-3{width:50%;}
.gallery-img > img {width: 100%;}
.blog_info .info .no_padding_right {padding-right: 15px;}
.blog_info .info img{width:100%;}
.pricing_infographic_package .title{font-size:25px;}
.pricing_infographic_package .margin_top-15 {margin-top: 0;}
.pricing_infographic_none_profit_package .margin_top-15 {margin-top: 0;}
.pricing_infographic_package .gray_back_ground {text-align: center;}
.pricing_infographic_none_profit_package .gray_back_ground {text-align: center;}
}
@media (max-width: 760px) {
  .nav.navbar-nav{float:left;}
  .item > p { width: 100%;font-size:16px;}
}
@media (min-width: 480px) and (max-width: 600px){
.item > p{padding-top:50px;}
.pricing_infographic_package .title{width:100%;}
}
@media (max-width: 480px) {
.social-btn.col-md-6 {padding: 0;}
.login, .sign-up{width:60px; font-size:11px;}
.text-banner > h1, .container.content-work > h1, .what-we-text h1, .client h1, .folio-text h1, .infographics h1{font-size:25px;}
.item > p{padding-top:20px;}
.client h1{font-size:22px;}
.row.ctn-gallery .col-md-3{width:100%;}
.pricing_infographic_package .title{width:100%;}
}
